.lf-custom-control {
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    display: flex;
    padding: 5px;
    border-radius: 8px;
    background-color: var(--el-fill-color-overlay);
    border: 0.5px solid var(--el-border-color-lighter);
    position: absolute;
    right: 10px;
    top: 10px;
}
.lf-custom-control-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    border-radius: 8px;
    width: 60px;
    cursor: pointer;
    color:var(--el-text-color-regular);
    font-size: 13px;
    .lf-custom-control-text{
        margin-top: 5px; 
        user-select: none;
        color:var(--el-text-color-primary)
    }
}
.lf-custom-control-item:hover{
    background-color: var(--el-fill-color-dark);
}